﻿<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>首页</title>
		<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
		<script src="js/jquery.min.js"></script>
		 <!-- Custom Theme files -->
		<link href="css/style.css" rel='stylesheet' type='text/css' />
   		 <!-- Custom Theme files -->
   		 <meta name="viewport" content="width=device-width, initial-scale=1">
		 <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
   		 <!-- webfonts -->
   		 <link href='http://fonts.useso.com/css?family=Glegoo:400,700' rel='stylesheet' type='text/css'>
   		 <link href='http://fonts.useso.com/css?family=Rochester' rel='stylesheet' type='text/css'>
   		 <link href='http://fonts.useso.com/css?family=Lora:400,700' rel='stylesheet' type='text/css'>
   		  <!-- webfonts -->
	</head>
	<body>
		<!-- container -->
		<!-- header -->
		<div class="header">
			<!-- top-header -->
			<div class="top-header">
				<div class="container">
					<div class="rigister-info">
						<ul>
							<li><a href="login/login.html">登录</a></li>
							<li><a href="login/register.html">注册</a></li>
							<div class="clearfix"> </div>
						</ul>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
			<!-- /top-header -->
			<!-- bottom-header -->
			<div class="bottom-header">
				<div class="container">
					<div class="bottom-header-left">
						<p>The home network, the right choice for you! &nbsp;&nbsp; Welcome! </p>
					</div>
					<div class="logo">
						<a href="index.html"><img src="images/logo.png" title="gaia" /></a>
					</div>
					<div class="bottom-header-right">
						<ul>
							<li><a href="index.html">首页</a></li>
							<li><a href="user.html">用户中心</a></li>
							<li><a href="seller.html">卖家中心</a></li>
							<li><a href="contact.html">联系我们</a></li>
						</ul>
						<div class="search-cart">
							<div class="search-box">
								<form>
									<input type="text" value="Search..." />
									<input type="submit" value="" />
								</form>
							</div>
							<div class="cart-box">
								<select>
									<option> 店铺</option>
									<option> 案例</option>
								</select>
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
			</div>
			<!-- /bottom-header -->
		</div>
		<!-- header -->
		<!--- top-nav -->
		<div class="top-nav">
			<div class="container">
				<span class="menu"> </span>
				<ul>
					<li><a href="" class="city_select">当前城市 &nbsp;[<span class="selected" style="padding:0 10px;">温哥华 </span>]&nbsp;</a>
					  <ul class="city" style="display:none; float: left; width: 500px; position: absolute; z-index: 999; padding: 10px; border: 1px solid rgb(176, 170, 160); background: rgb(240, 248, 255);">
					    <li>温哥华 </li>
						<li>渥太华 </li>
						<li>多伦多</li>
						<li>卡尔加里</li>
						<li>蒙特利尔</li>
						<li>魁北克市</li>
						<li>艾德蒙顿</li>
					  </ul>
				  </li>
					<li class="active"><a href="index.html">首页<span> </span></a></li>
					<li><a href="shop.html">店铺<span> </span></a></li>
					<li><a href="case.html">案例<span> </span></a></li>
					<!--<li><a href="contact.html">Contact Us<span> </span></a></li>-->
					<div class="clearfix"> </div>
				</ul>
			</div>
		</div>
		<!--- top-nav -->
		<!-- script-for-nav -->
		<script>
			$(document).ready(function(){
				$("span.menu").click(function(){
					$(".top-nav ul").slideToggle(500);
				});
				
				$('.container li').hover(function() {
					$('ul', this).slideDown(200);
					$(".city li").click(function(){
					    var text = $(this).text();
						$(".selected").html(text)
				    });
				}, function() {
					$('ul', this).slideUp(100);	
				});
			});
		</script>
			
		<!-- /script-for-nav -->
		<!-- banner -->
		<div class="banner">
			<div class="container">
				<!--- img-slider --->
				<div class="img-slider">
						<!----start-slider-script---->
					<script src="js/responsiveslides.min.js"></script>
					 <script>
					    // You can also use "$(window).load(function() {"
					    $(function () {
					      // Slideshow 4
					      $("#slider4").responsiveSlides({
					        auto: true,
					        pager: true,
					        nav: true,
					        speed: 500,
					        namespace: "callbacks",
					        before: function () {
					          $('.events').append("<li>before event fired.</li>");
					        },
					        after: function () {
					          $('.events').append("<li>after event fired.</li>");
					        }
					      });
					
					    });
					  </script>
					<!----//End-slider-script---->
					<!-- Slideshow 4 -->
					    <div  id="top" class="callbacks_container">
					      <ul class="rslides" id="slider4">
					        <li>
					          <img class="img-responsive" src="images/slide1.jpg" alt="">
					          <div class="slider-caption">
					          	<h1></h1>
					          	<p></p>
					          </div>
					        </li>
					        <li>
					          <img src="images/slide1.jpg" alt="">
					           <div class="slider-caption">
					          	<h1></h1>
					            <p></p>
					          </div>
					        </li>
					        <li>
					          <img src="images/slide1.jpg" alt="">
					           <div class="slider-caption">
					           	<h1></h1>
					           	<p></p>
					          </div>
					        </li>
					      </ul>
					    </div>
					    <div class="clearfix"> </div>
			  </div>
						<!-- slider -->
			</div>
		</div>
		<!-- banner -->
		<!-- top-grids -->
		<div class="top-grids">
			<div class="container">
				<div class="col-md-4 top-grid text-center">
					<div class="top-grid-pic">
						<img src="images/pic01.png" title="Boots" />
						<span>白思乐装饰</span>					</div>
					<div class="top-grid-pic-info">
						<a href="shop_del.html">进入店铺</a>					</div>
				</div>
				<div class="col-md-4 top-grid text-center">
					<div class="top-grid-pic">
						<img src="images/pic02.png" title="Boots" />
						<span>美汇美装饰</span>					</div>
					<div class="top-grid-pic-info">
						<a href="shop_del.html">进入店铺</a>					</div>
				</div>
				<div class="col-md-4 top-grid text-center">
					<div class="top-grid-pic">
						<img src="images/pic03.png" title="Boots" />
						<span>魔幻装饰</span>					</div>
					<div class="top-grid-pic-info">
						<a href="shop_del.html">进入店铺</a>					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
		<!-- top-grids -->
		<!-- bottom-grids -->
		<div class="bottom-grids">
			<div class="container">
				<div class="col-md-9 bottom-grids-left">
					<div class="f-products">
						<h2>案例F1</h2>
							<!----sreen-gallery-cursual---->
						<div class="sreen-gallery-cursual">
							 <!-- requried-jsfiles-for owl -->
							<link href="css/owl.carousel.css" rel="stylesheet">
							    <script src="js/owl.carousel.js"></script>
							        <script>
									    $(document).ready(function() {
									      $("#owl-demo").owlCarousel({
									        items : 3,
									        lazyLoad : true,
									        autoPlay : true,
									        navigation : true,
									        navigationText :  false,
									        pagination : false,
									      });
									    });
									   </script>
							 <!-- //requried-jsfiles-for owl -->
							 <!-- start content_slider -->
						       <div id="owl-demo" class="owl-carousel text-center">
					                <div class="item">
					                	<div onClick="location.href='single-page.html';" class="product-grid">
											<div class="product-pic">
												<img src="images/p1.jpg" title="Elliot Boots" />											</div>
											<div class="product-pic-info">
												<h3><a href="#">阳光名邸</a></h3>
												<h4><a href="#">92平米&nbsp;&nbsp;中式风格</a></h4>
												<div class="product-pic-info-price-cart">
													<div class="product-pic-info-price">
														<span>$1290</span>													</div>
													<div class="product-pic-info-cart">
														<a class="p-btn" href="#">立刻预约</a>													</div>
													<div class="clearfix"> </div>
												</div>
											</div>
										</div>
					                </div>
					                 <div class="item">
					                	<div onClick="location.href='single-page.html';" class="product-grid">
											<div class="product-pic">
												<img src="images/p2.jpg" title="Elliot Boots" />											</div>
											<div class="product-pic-info">
												<h3><a href="#">樱驼花园</a></h3>
												<h4><a href="#">92平米&nbsp;&nbsp;中式风格</a></h4>
												<div class="product-pic-info-price-cart">
													<div class="product-pic-info-price">
														<span>$1890</span>													</div>
													<div class="product-pic-info-cart">
														<a class="p-btn" href="#">立刻预约</a>													</div>
													<div class="clearfix"> </div>
												</div>
											</div>
										</div>
					                </div>
					                 <div class="item">
					                	<div onClick="location.href='single-page.html';" class="product-grid">
											<div class="product-pic">
												<img src="images/p3.jpg" title="Elliot Boots" />											</div>
											<div class="product-pic-info">
												<h3><a href="#">龙湖文馨园</a></h3>
												<h4><a href="#">92平米&nbsp;&nbsp;中式风格</a></h4>
												<div class="product-pic-info-price-cart">
													<div class="product-pic-info-price">
														<span>$1490</span>													</div>
													<div class="product-pic-info-cart">
														<a class="p-btn" href="#">立刻预约</a>													</div>
													<div class="clearfix"> </div>
												</div>
											</div>
										</div>
					                </div>
					                 <div class="item">
					                	<div onClick="location.href='single-page.html';" class="product-grid">
											<div class="product-pic">
												<img src="images/p1.jpg" title="Elliot Boots" />											</div>
											<div class="product-pic-info">
												<h3><a href="#">紫风公馆</a></h3>
												<h4><a href="#">92平米&nbsp;&nbsp;中式风格</a></h4>
												<div class="product-pic-info-price-cart">
													<div class="product-pic-info-price">
														<span>$1290</span>													</div>
													<div class="product-pic-info-cart">
														<a class="p-btn" href="#">立刻预约</a>													</div>
													<div class="clearfix"> </div>
												</div>
											</div>
										</div>
					                </div>
					                 <div class="item">
					                	<div onClick="location.href='single-page.html';" class="product-grid">
											<div class="product-pic">
												<img src="images/p3.jpg" title="Elliot Boots" />											</div>
											<div class="product-pic-info">
												<h3><a href="#">清风苑</a></h3>
												<h4><a href="#">92平米&nbsp;&nbsp;中式风格</a></h4>
												<div class="product-pic-info-price-cart">
													<div class="product-pic-info-price">
														<span>$1290</span>													</div>
													<div class="product-pic-info-cart">
														<a class="p-btn" href="#">立刻预约</a>													</div>
													<div class="clearfix"> </div>
												</div>
											</div>
										</div>
					                </div>
				              </div>
						<!--//sreen-gallery-cursual---->
					</div>
				</div>
				<div class="d-products f-products">
						<h2>案例F2</h2>
							<!----sreen-gallery-cursual---->
						<div class="sreen-gallery-cursual">
							 <!-- requried-jsfiles-for owl -->
							<link href="css/owl.carousel.css" rel="stylesheet">
							    <script src="js/owl.carousel.js"></script>
							        <script>
									    $(document).ready(function() {
									      $("#owl-demo1").owlCarousel({
									        items : 3,
									        lazyLoad : true,
									        autoPlay : true,
									        navigation : true,
									        navigationText :  false,
									        pagination : false,
									      });
									    });
									   </script>
							 <!-- //requried-jsfiles-for owl -->
							 <!-- start content_slider -->
						       <div id="owl-demo1" class="owl-carousel text-center">
					                <div class="item">
					                	<div onClick="location.href='single-page.html';" class="product-grid">
											<div class="product-pic">
												<img src="images/p4.jpg" title="Elliot Boots" />											</div>
											<div class="product-pic-info">
												<h3><a href="#">星城铭座</a></h3>
												<h4><a href="#">92平米&nbsp;&nbsp;中式风格</a></h4>
												<div class="product-pic-info-price-cart">
													<div class="product-pic-info-price">
														<span>$1290</span>
														<!--<label> </label>-->
													</div>
													<div class="product-pic-info-cart">
														<a class="p-btn" href="#">立刻预约</a>													</div>
													<div class="clearfix"> </div>
												</div>
											</div>
										</div>
					                </div>
					                 <div class="item">
					                	<div onClick="location.href='single-page.html';" class="product-grid">
											<div class="product-pic">
												<img src="images/p5.jpg" title="Elliot Boots" />											</div>
											<div class="product-pic-info">
												<h3><a href="#">呼啸山庄</a></h3>
												<h4><a href="#">92平米&nbsp;&nbsp;中式风格</a></h4>
												<div class="product-pic-info-price-cart">
													<div class="product-pic-info-price">
														<span>$1860</span>
														<!--<label> </label>-->
													</div>
													<div class="product-pic-info-cart">
														<a class="p-btn" href="#">立刻预约</a>													</div>
													<div class="clearfix"> </div>
												</div>
											</div>
										</div>
					                </div>
					                 <div class="item">
					                	<div onClick="location.href='single-page.html';" class="product-grid">
											<div class="product-pic">
												<img src="images/p6.jpg" title="Elliot Boots" />											</div>
											<div class="product-pic-info">
												<h3><a href="#">玫瑰庄园</a></h3>
												<h4><a href="#">92平米&nbsp;&nbsp;中式风格</a></h4>
												<div class="product-pic-info-price-cart">
													<div class="product-pic-info-price">
														<span>$1490</span>
														<!--<label> </label>-->
													</div>
													<div class="product-pic-info-cart">
														<a class="p-btn" href="#">立刻预约</a>													</div>
													<div class="clearfix"> </div>
												</div>
											</div>
										</div>
					                </div>
					                 <div class="item">
					                	<div onClick="location.href='single-page.html';" class="product-grid">
											<div class="product-pic">
												<img src="images/p1.jpg" title="Elliot Boots" />											</div>
											<div class="product-pic-info">
												<h3><a href="#">卡吗公馆</a></h3>
												<h4><a href="#">92平米&nbsp;&nbsp;中式风格</a></h4>
												<div class="product-pic-info-price-cart">
													<div class="product-pic-info-price">
														<span>$1290</span>
														<!--<label> </label>-->
													</div>
													<div class="product-pic-info-cart">
														<a class="p-btn" href="#">立刻预约</a>													</div>
													<div class="clearfix"> </div>
												</div>
											</div>
										</div>
					                </div>
					                 <div class="item">
					                	<div onClick="location.href='single-page.html';" class="product-grid">
											<div class="product-pic">
												<img src="images/p4.jpg" title="Elliot Boots" />											</div>
											<div class="product-pic-info">
												<h3><a href="#">望海公馆</a></h3>
												<h4><a href="#">92平米&nbsp;&nbsp;中式风格</a></h4>
												<div class="product-pic-info-price-cart">
													<div class="product-pic-info-price">
														<span>$1290</span>
														<!--<label> </label>-->
													</div>
													<div class="product-pic-info-cart">
														<a class="p-btn" href="#">立刻预约</a>													</div>
													<div class="clearfix"> </div>
												</div>
											</div>
										</div>
					                </div>
				              </div>
						<!--//sreen-gallery-cursual---->
					</div>
				</div>
				</div>
				<div class="col-md-3 bottom-grids-right">
					<h2>公告</h2>
					<div class="shhiping text-center" style="border-bottom:1px solid #999;">
						<p><a href="shop_del.html">2014/12/12 公告公告公告...</a></p>
						<p><a href="shop_del.html">2014/12/12 公告公告公告...</a></p>
						<p><a href="shop_del.html">2014/12/12 公告公告公告...</a></p>
						<p><a href="shop_del.html">2014/12/12 公告公告公告...</a></p>
						<p><a href="shop_del.html">2014/12/12 公告公告公告...</a></p>
						<p style=" text-align:right;"><a href="notice.html">更多</a></p>
                    </div>
					<div class="shhiping text-center">
						<a href="shop_del.html"><img src="images/offer-pic.png" title="$250" /></a>					</div>
					<div class="shhiping text-center">
						<a href="shop_del.html"><img src="images/offer-pic.png" title="$250" /></a>					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
		<!-- bottom-grids -->
		<!-- footer -->
		<div class="footer">
			<div class="container" style="text-align:center;">
				版权所有：南京竹羽信息科技有限公司
			</div>
		</div>
		<!-- footer -->
		<!-- container -->
	<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='UTF-8'></script></div>
</body>
</html>

